/**
 * Solarized Light theme for reveal.js.
 * Author: Achim Staebler
 */

@use 'sass:color';
@use 'helper/helper';
@use 'highlight/light';

// Solarized colors
$base03: #002b36;
$base02: #073642;
$base01: #586e75;
$base00: #657b83;
$base0: #839496;
$base1: #93a1a1;
$base2: #eee8d5;
$base3: #fdf6e3;
$yellow: #b58900;
$orange: #cb4b16;
$red: #dc322f;
$magenta: #d33682;
$violet: #6c71c4;
$blue: #268bd2;
$cyan: #2aa198;
$green: #859900;

@include helper.theme(
  'solarized',
  (
    main-color: $base00,
    heading-color: $base01,
    heading-text-shadow: none,
    background-color: $base3,
    link-color: $blue,
    link-color-hover: color.scale($blue, $lightness: 20%),
    selection-background-color: $magenta,
    overlay-element-bg-color: (
      240,
      240,
      240,
    ),
    overlay-element-fg-color: (
      0,
      0,
      0,
    ),
  )
) {
  @include light.highlight;
}
